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var gulp = re ('gulp'); 
var coffee = re< ('gulp-coffee'); 
uglify = ('gulp-uglify'); 

gulp.task('js', (){ 

gulp. src('./js/src/*. coffee') 
.pipe(coffeeQ) 
.pipe(uglifyQ) 
.pipe(gulp.dest('./js/')); 

}); 

gulp.task('watch', (){ 

gulp.watch('./js/src/*. coffee', ['js']); 

}); 


multi dest 


var gulp = rei ('gulp'); 

autoprefixer = ('gulp-autoprefixer') 
var minifyCss = re> ('gulp-minify-css'); 

rename = ('gulp-rename'); 

gulp.task('css', (){ 

gulp. src('./css/src/style. ess') 
.pipe(autoprefixer('last 2 versions')) 
.pipe(gulp.dest('./css/')) 
.pipe(minifyCss()) 

.pipe(rename({extname: '.min.css'})) 
.pipe(gulp.dest('./css/')); 

}); 


task dependency 


$ npm install -g gulp 


gulp.task('css', ['font', 'less'], (){ 

// do something after font and less 

}); 


install global 


$ npm install --save-dev gulp install local 

$ npm install --save-dev gulp-other-plugi ns 


$ gulp task_name 


$ gulp task_name other_task 


run task 


run multi tasks 
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var gulp = re ('gulp'); 

cached = ('gulp-cached'); 

uglify = ('gulp-uglify'); 
var remember = rei ('gulp-remember') 

concat = ('gulp-concat'); 

gulp.task('script', (){ 
return gulp.src('./js/src/*.js') 
.pipe(cached()) 
.pipe(uglify()) 
.pipe(rememberQ) 
.pipe(concat('app.js')) 
.pipe(gulp.dest('./js/')); 

}); 
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only changed 


var gulp = r& ('gulp'); 

changed = ('gulp-changed') 
uglify = ('gulp-uglify'); 

gulp.task('css', (){ 
gulp.src('./src/*.js') 
.pipe(changed('./dist/')) 
.pipe(uglify()) 
.pipe(gulp.dest('./dist/')); 

}); 
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